<!DOCTYPE html>

<html>
<head>
    <title>Page Title</title>
    <meta charset="utf8"/>
    <link href="<?php echo Yii::app()->request->baseUrl.'/css/bootstrap-3.2.0/css/bootstrap.min.css';?>" rel="stylesheet" type="text/css"/>
    <script src="<?php echo Yii::app()->request->baseUrl.'/css/bootstrap-3.2.0/js/jquery-1.11.1.min.js';?>" type="text/javascript"></script>
    <script src="<?php echo Yii::app()->request->baseUrl.'/css/bootstrap-3.2.0/js/bootstrap.min.js';?>" type="text/javascript"></script>
    <style>
 	body{background-color:#EBEBEB;}
	li{list-style:none;}
	
	#header {width: 100%;height: 50px;background-color: #16B5EF;}
        #header a {display: inline-block;margin-top: 8px;}
        #header span {display: inline-block;margin-top: 8px;color: white;font-size: 20px;}
		
	#content {width:100%;margin:20px auto;border-radius:3px;padding:5px;}
	ul.tital {padding:0px;width:100%;}
	ul.tital li:first-child {text-align:center;line-height:200%;}
	ul.tital li:last-child {text-align:center;color:#333333;font-size:24px;line-height:300%;padding-left:10px;font-family:"微软雅黑";font-weight:bold;}
	ul.text {margin-top:10px;text-align:left;}
	ul.text li {font-size:16px;font-weight:bold;font-family:"微软雅黑";color:#333333;line-height:30px;}
	#list {float:right;padding-right:50px;}
	#box {width:100%;margin:20px;padding:40px;}
	#box1 {float:left;margin-left:20px;width:40%;}
	#box2 {float:right;width:40%;margin-right:20px;}	
    </style>
</head>

<body>
    <div id="header">
        <a href="index.html"><img src="<?php echo Yii::app()->request->baseUrl.'/images/BWeEvent/back.png';?>"/></a>
        <span>冠者体育</span>
    </div>
        
	
    <div id="content">
        <ul class="tital">
            <li><img src="<?php echo Yii::app()->request->baseUrl.'/images/BWeEvent/register.jpg';?>"></li>
            <li>冠者体育报名</li>
        </ul> 
        <ul class="text">
            <li>性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别：
                <div id="list">
                    <form>
                        <input type="radio" checked="checked" name="sex" value="male"/>男
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="radio"  name="sex" value="female"/>女
                    </form>
                </div>
            </li>
            <li>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：
                <div id="list">
                    <div class="input-group input-group-sm">				  
                        <input type="text" class="form-control" style="border:0px;border-radius:2px;height:25px;">
                    </div>
                </div>
            </li>
            <li>身份证号：
                <div id="list">
                    <div class="input-group input-group-sm" >				  
                        <input type="text" class="form-control" style="border:0px;border-radius:2px;height:25px;">
                    </div>
                </div>			
            </li>
            <li>联系电话：
                <div id="list">
                    <div class="input-group input-group-sm">				  
                        <input type="text" class="form-control" style="border:0px;border-radius:2px;height:25px;">
                    </div>
                </div>
            </li>
        </ul>
        <div id="box">
            <div id="box1">
                <button type="button" class="btn btn-danger">取消</button>
            </div>
            <div id="box2">
                <button type="button" class="btn btn-success">提交</button>
            </div>
        </div>
    </div>
</body>
</html>
